<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>中交创联,赢在交小哇</title>
    <link rel="dns-prefetch" href="//a1.gystatic.com">
    <meta name="description" content="交小哇致力于打造集在线交易、支付结算、仓储物流、在线融资、及配套服务于一体的无缝交易平台。">
    <meta name="keywords" content="">

    <link href="img/fav.ico" rel="shortcut icon">
    <link href="oldcss/index2020.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="oldcss/validate-slide.css">
    <link href="oldcss/intro.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="css/index-zy.css">
    <link rel="stylesheet" href="css/index_scroll.css">

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="oldjs/stat.js"></script>
    <script src="js/search.js"></script>
    <link rel="stylesheet" href="css/guide.css">
<style>
    body{
        background: #EBECEE;
    }
</style>

</head>

<body>
    <div class="topbar">
        <div class="topbar-body">
            <ul class="topbar-bd-l">
                <li class="menu-home">
                    <a href="//index.html" class="tb-m-a1">交小哇首页</a>
                </li>
                <li class="tb-m-a2 unlogin">欢迎来交小哇</li>
                <li class="tb-m-line unlogin tb-m-a2"> | </li>
                <li class="unlogin">
                    <a class="tb-m-a2 user-login" href="//login.html">请登录</a>
                </li>
                <li class="unlogin">
                    <a class="tb-m-a3" href="//register.html">免费注册</a>
                </li>
                <li class="login-info logon">您好，
                    <a class="user-name" href=""></a><img src="//a1.gystatic.com/v6/images/no_rz.jpg"
                        style="width: 45px;height: 15px;display: none;" class="user-status">
                </li>

                <div class="tooltip_templates" style="display: none;">
                </div>
                <li class="login-info logon logon-menber-info  tooltip" data-tooltip-content="#tooltip_content">
                    <div class="menu-hd">
                        <a href="javascript:;"></a>
                        <i>
                            <s>◇</s>
                        </i>
                    </div>
                    <div class="menu-bd">
                        <div class="menu-bd-panel menu-bd-panel3">
                        </div>
                    </div>
                </li>
                <li class="member-status-label">
                    <img src="//a1.gystatic.com/v6/images/no_realname.jpg"
                        style="width: 45px;height: 15px;display: none;" class="member-status-no">
                    <img src="//a1.gystatic.com/v6/images/is_realname.jpg"
                        style="width: 45px;height: 15px;display: none;" class="member-status-is">
                </li>
                <li class="tb-m-line login-info logon">|</li>
                <li class="sitemap msg-menu" id="showMessage" style="display:none;">
                    <!-- <i class="newsImg"></i> -->
                    <a href="" target="_blank" class="icon">消息</a>
                    <span class="messageCountDiv">
                        <span class="messageCount"></span>
                    </span>
                    <div class="msg-cont">
                        <ul class="msg-top">
                            <li class="active">交易消息(<span class="trade-msg">0</span>)</li>
                            <li>账户通知(<span class="account-num">0个</span>)</li>
                        </ul>
                        <ul class="msg-wrap">
                        </ul>
                        <ul class="msg-wrap account-msg" style="display: none;">
                        </ul>
                        <div class="msg-bottom" style="display:none;">
                            <a href="#" style="color:#0285ed !important">全部已读</a>
                        </div>
                    </div>
                </li>
                <li class="logon">
                    <a class="tb-m-a2 blue" href="logout.html">退出</a>
                </li>
            </ul>
            <ul class="topbar-bd-r">
                <li class="tb-m-line">|</li>
                <li class="topbar-service">
                    <div class="menu-hd">
                        <a target="_blank" href="">客户服务</a>
                        <i>
                            <s>◇</s>
                        </i>
                    </div>
                    <div class="menu-bd">
                        <div class="menu-bd-panel menu-bd-panel4">
                            <div class="content1">
                                <div class="tit">
                                    <a target="_blank" href="">帮助中心：</a>
                                </div>
                                <a class="det" target="_blank" href="">常见问题</a>
                                <a class="det" target="_blank" href="">新手指南</a>
                            </div>
                            <div class="content2">
                                <div class="tit">客户服务：</div>
                                <div class="det">交易时间：07:30-19:00
                                    <br>客服热线： 1888888888
                                    <br>　　　　　(8:30-17:30)
                                </div>
                            </div>
                            <a class="content3" target="_blank" href="">
                                <i></i>立即咨询</a>
                        </div>
                    </div>
                </li>
                <li class="tb-m-line">|</li>
                <li>
                    <a target="_blank" href="www.jiao-xw.com" style="margin-left:10px;">International</a>
                </li>
            </ul>
            <ul class="topbar-bd-r">
                <li class="li-star">
                    <div class="menu-hd" id="step_res4">
                        <span class="i-star"></span>
                        <a href="//collect.html">收藏夹</a>
                        <i>
                            <s>◇</s>
                        </i>
                    </div>
                    <div class="menu-bd">
                        <div class="menu-bd-panel menu-bd-panel3">
                            <a class="first" target="_top" href="">关注的店铺</a>
                            <a target="_top" href="">收藏的资源</a>
                        </div>
                    </div>
                </li>
                <li class="tb-m-line">|</li>
                <li>
                    <div class="menu-hd">
                        <a href="">买家中心</a>
                        <i>
                            <s>◇</s>
                        </i>
                    </div>
                    <div class="menu-bd">
                        <div class="menu-bd">
                            <div class="menu-bd-panel menu-bd-panel3">
                                <a class="first" target="_top" href="">我的订单</a>
                                <a class="first" target="_top" href="">求购管理</a>
                            </div>
                        </div>
                    </div>
                </li>

                <li class="tb-m-line">|</li>
                <li>
                    <div class="menu-hd">
                        <a href="" class="mjzx-link">卖家中心</a>
                        <i>
                            <s>◇</s>
                        </i>
                    </div>
                    <div class="menu-bd">
                        <div class="menu-bd-panel menu-bd-panel3">
                            <a class="first publish-resource" target="_top" href="">发布资源</a>
                            <a target="_top" href="">我的订单</a>
                            <a target="_top" class="my-shop" href="">我的店铺</a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>

		<div style="margin:0 auto;width:1190px;">
			<img src="img/zhinan.png" style="margin-top:10px;margin-bottom:10px;width:1190px;">
			<img src="img/zhinan_ad.png" style="margin-bottom:10px;width:1190px;">
		</div>
    <main class="wrap">
        <div class="wrap-left fl">
            <p>新手指南</p>
            <ul>
                <li class="guide-title active">注册登录</li>
                <li class="guide-title">平台规则</li>
                <li class="guide-title">常见问题</li>
            </ul>
        </div>
        <div class="wrap-right fl">
            <div id="box_0" class="content-box ">
							<div style="margin:10px;font-size:20px;">
								<img src="img/zhinan_arrow.png" style="width:10px;height:25px;margin-left:10px;" />&nbsp;&nbsp;注册登录/如何注册登录个人账号?
							</div>
							<div style="margin:10px;font-size:16px;">
								&nbsp&nbsp1.在交小哇首页点击,进行免费注册	
							</div>
							<div style="margin:15px;">
								<img src="img/zhinan_1.png">
							</div>
							<div style="margin:15px;>
								<img src="img/zhinan_2.png">
							</div>
						</div>
            <div id="box_1" class="content-box hide">
							<div style="margin:10px;font-size:20px;">
								<img src="img/zhinan_arrow.png" style="width:10px;height:25px;margin-left:10px;" />&nbsp;&nbsp;平台规则
							</div>
							<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;暂无</div>
						</div>
            <div id="box_2" class="content-box hide">
							<div style="margin:10px;font-size:20px;">
								<img src="img/zhinan_arrow.png" style="width:10px;height:25px;margin-left:10px;" />&nbsp;&nbsp;常见问题
							</div>
							<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;暂无</div>
						</div>
        </div>
    </main>


    <div class="service">
        <div class="service-box">
            <div class="wrap">
                <ul>
                    <li>
                        <span class="icon1"></span>
                        <div class="li-ct">
                            <h6>货真价实</h6>
                            <p>价格、库存真实有效，杜绝虚假数据</p>
                        </div>
                    </li>
                    <li>
                        <span class="icon2"></span>
                        <div class="li-ct">
                            <h6>小哇认证</h6>
                            <p>会员认证、评信、监督，三大体系保驾护航</p>
                        </div>
                    </li>
                    <li>
                        <span class="icon3"></span>
                        <div class="li-ct">
                            <h6>优质服务</h6>
                            <p>专业人员全程一对一服务，贴心呵护</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="service-box2">
            <ul>
                <li>
                    <h6>平台规则</h6>
                    <a href="" target="_blank">平台交易总则</a>
                    <a href="" target="_blank">隐私政策</a>
                    <a href="" target="_blank">积分规则</a>
                    <a href="" target="_blank">质量异议管理细则</a>
                    <a href="" target="_blank">用户管理细则</a>
                </li>
                <li>
                    <h6>买家指南</h6>
                    <a href="" target="_blank">下订单</a>
                    <a href="" target="_blank">如何提货</a>
                    <a href="" target="_blank">确认收货</a>
                    <a href="" target="_blank">申请发票</a>
                </li>
                <li>
                    <h6>商家指南</h6>
                    <a href="" target="_blank">申请入驻</a>
                    <a href="" target="_blank">上架资源</a>
                    <a href="" target="_blank">查订单</a>
                    <a href="" target="_blank">商家放货</a>
                </li>
                <li>
                    <h6>常见问题</h6>
                    <a href="" target="_blank">如何注册账号</a>
                    <a href="" target="_blank">如何认证会员</a>
                    <a href="" target="_blank">如何赚取积分</a>
                </li>
                <li class="ewm">
                    <div class="ewm-l">
                        <div class="service-time"><b>客服电话</b>&nbsp;8:30-17:30</div>
                        <span class="margin-bottom-5">13313357547</span>
                        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=997159351&site=qq&menu=yes"
                            class="margin-bottom-10"><i class="ask"></i>立即咨询</a>
                        <b>全国服务站点</b>
                        <a target="_blank" href="xw_map.html" class="margin-top-10"><i class="address"></i>立即查看</a>
                    </div>
                    <div class="ewm-r">
                        <span><img src="img/xiaowa_qrcode.jpg" width="98" height="98"></span>
                        <p>交小哇官方微信</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!-- 底部合作伙伴 -->
    <div class="footer">
        <div class="wrap">
            <p>
                <a target="_blank" href="//www.jiao-xw.com/about/index.html">关于我们</a> |
                <a target="_blank" href="//www.jiao-xw.com/about/job.html">人才招聘</a>|
                <a target="_blank" href="//www.jiao-xw.com/about/help.html">帮助中心</a> |
                <a target="_blank" href="//www.jiao-xw.com/about/link.html">友情链接</a>|
                <a target="_blank" href="//www.jiao-xw.com/about/contact.html">联系我们</a>
            </p>
            <p>
                <b>相关网站：</b>
                <a href="//www.jiao-xw.com" target="_blank" rel="nofollow">交小哇</a> |
                <a href="" target="_blank" rel="nofollow">交通部</a> |
                <a href="" target="_blank" rel="nofollow">中国交通报</a> |
                <a href="" target="_blank" rel="nofollow">交通部科学研究院</a> |
                <a href="" target="_blank" rel="nofollow">中国公路行业建设协会</a> |
                <a href="" target="_blank" rel="nofollow">中国路桥网</a> |
                <a href="" target="_blank" rel="nofollow">中国钢铁网</a> |
                <a href="" target="_blank">北京ISO认证</a> |
                <a href="" target="_blank">52监测网</a>
            </p>
            <p>copyright@2017zgjtvv.com inc.ALL Rights Reserved. 北京中交创联交通科技有限公司</p>
            <p> 版权所有 <a href="http://beian.miit.gov.cn" target="_blank"> 京ICP备07503900号-8</a></p>
        </div>
    </div>

    <div class="float-r">
        <ul>
            <li>
                <span class="icon3"></span>
                <div class="animat sc">
                    <div>
                        <span class="icon3-hover"></span>
                        <a href="">关注的店铺</a>
                        <a href="">收藏的资源</a>
                    </div>
                    <!-- <strong class="borderys2"></strong> -->
                </div>
            </li>
            <li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2880689185&site=qq&menu=yes"><span
                        class="icon2"></span>
                    <div class="animat"><span class="icon2-hover"></span><b>在线客服</b>
                        <!-- <strong class="borderys2"></strong> -->
                    </div>
                </a></li>
            <li id="user_request"><span class="icon5"></span>
                <div class="animat"><span class="icon5-hover"></span><b>投诉建议</b>
                    <!-- <strong class="borderys2"></strong> -->
                </div>
            </li>
            <li class="li1">
                <span class="icon1"></span>
                <div class="icon1ct">
                    <div class="icon1ct-z">
                        <img width="80" height="80" src="img/xiaowa_qrcode.jpg" alt="">
                        <p>交小哇交易平台</p>
                        <p>微信扫描关注</p>
                    </div>
                    <!-- <strong class="borderys1"></strong> -->
                </div>

            </li>
            <li class="li4"><span class="icon4"></span>
                <div class="animat"><span class="icon4-hover"></span><b>返回顶部</b>
                    <!-- <strong class="borderys2"></strong> -->
                </div>
            </li>
        </ul>
    </div>
    <!--小图片-->
    <div class="fl-open-wrap" id="fl-open-wrap">
        <div class="fl-open-bg"></div>
    </div>
    <!--大背景图-->
    <div class="fl-ass-wrap" id="fl-ass-wrap">
        <div class="fl-ass-bg">
            <div class="fl-ass-box">
                <div class="fl-ass-pic"></div>
                <div class="fl-ass-ct">
                    <div class="fl-ass-form">
                        <div class="fl-ass-tt">短信接收下载</div>
                        <div class="fl-ass-submit">
                            <input type="text" placeholder="请输入正确的手机号码" id="mobile" name="mobile">
                            <button type="button" onClick="code('mobile')">发送</button>
                        </div>
                        <div class="fl-ass-items">小哇数据 / 快捷找货 / 订单交易 / 资讯热点</div>
                    </div>
                    <ul class="fl-ass-download">
                        <li><a href="www.jiao-xw.com" target="_blank">了解详情</a></li>
                    </ul>
                    <div class="fl-ass-qrcode">
                        <div class="fl-ass-qrcode-img"></div>
                        <div class="fl-ass-hint">手机扫描下载</div>
                    </div>
                </div>
                <a href="javascript:;" class="fl-ass-close" id="fl-ass-close" title="关闭"></a>
            </div>
        </div>
    </div>





    <script src="oldjs/lib.js"></script>
    <script src="oldjs/main.js"></script>
    <script src="oldjs/float.js"></script>

    <script src="oldjs/validate-slide-min.js"></script>
    <script src="oldjs/intro.min.js"></script>
    <script src="oldjs/intro_index.js"></script>
    <script>
        $.fn.smartFloat = function () {
            var position = function (element) {
                var top = element.position().top,
                    pos = element.css("position");
                $(window).scroll(function () {
                    var scrolls = $(this).scrollTop();
                    if (scrolls > top) {
                        if (window.XMLHttpRequest) {
                            element.css({
                                position: "fixed",
                                top: 0
                            });
                        } else {
                            element.css({
                                top: scrolls
                            });
                        }
                    } else {
                        element.css({
                            position: pos,
                            top: top
                        });
                    }
                });
            };
            return $(this).each(function () {
                position($(this));
            });
        };

        //$("#fixed").smartFloat();
    </script>
		<script src="js/index_scroll.js"></script>
    <script src="js/echarts.js"></script>
    <script src="js/index_dialog_chart.js"></script>
    <script src="js/index_chart.js"></script>

<script>
    $(function () {
        $('.main-left').find('.title-tab').each(function (i) {
            $(this).on('click', function () {
                $(this).addClass('tab-active')
                $(this).siblings('.title-tab').removeClass('tab-active')
                $('#chart-' + i).removeClass('hide')
                $('#chart-' + i).siblings('.chart-box').addClass('hide')
            })
        })

        $('.main-right').find('.title-tab').each(function (i) {
            $(this).on('click', function () {
                $(this).addClass('tab-active')
                $(this).siblings('.title-tab').removeClass('tab-active')
                $('#tab-' + i).removeClass('hide')
                $('#tab-' + i).siblings('.tab-box').addClass('hide')
            })
        })

        $('.addr-item').on('click', function () {
            $('#addr-velue').text($(this).text())
            // todo 刷新数据 . . . 
        })


    })
</script>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>

    $(function () {
        $('.guide-title').each(function (i) {
            $(this).bind('click', function () {
                $(this).addClass('active')
                $(this).siblings('li').removeClass('active')
                $('#box_' + i).show()
                $('#box_' + i).siblings('.content-box').hide()
            })
        })
    })

</script>
</body>

</html>
